<div class="row">
    <div class="col-12">
        <span class="custom-control custom-switch">
            <input type="checkbox" ng-model="$ctrl.page.navPermission.isActived" id="{{$ctrl.prefix}}_{{$ctrl.page.id}}"
                class="custom-control-input">
            <label class="custom-control-label" for="{{$ctrl.prefix}}_{{$ctrl.page.id}}">
                {{$ctrl.page.textDefault}}
            </label>
        </span>
    </div>
</div>
<ul ng-show="$ctrl.page.navPermission.isActived">
    <li ng-repeat="nav in $ctrl.page.childPages" class="col-sm-12">
        <role-page-nav page="nav.page"></role-page-nav>
    </li>
</ul>